<template>
	<div class="report">
		<img src="../assets/img/correctIcon.png" class="correct">
		<h4>举报成功</h4>
		<p>感谢您的参与，我们坚决反对色情、暴力、欺诈等文章内容，我们会认真处理您的举报，维护绿色、健康的阅读环境。</p>
		<div class="sure"></div>
		<bottom-nav></bottom-nav>
	</div>
</template>

<script>
	import bottomNav from './bottomNav'
	export default {
		name: 'carry',
		data () {
			return {
                carryHeight: 0
			}
		},
		components: {bottomNav},
		mounted () {
			
		},
		created() {
            this.init();
		},
		methods: {
			init () {
				this.carryHeight = (document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10);			
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.report{padding: 7.5rem 4rem 0;width: 100%;box-sizing: border-box;text-align: center;box-sizing: border-box;}
.report .correct{width: 8.3rem;height: 8.3rem;}
.report h4{font-size: 2.3rem;color: #000;line-height: 2.5;}
.report p{margin-top: .5rem;text-align: left;font-size: 1.4rem;color: #ed3c2d;line-height: 2.5;}
.report .sure{margin: 5.2rem auto 0;background: url(../assets/img/sureBtn.png) center no-repeat;background-size: auto 3.5rem;width: 16.65rem;height: 3.5rem;}
</style>
